<template>
  <div>
    <div class="main_wrap">
      <div class="header">
        <a href="#" class="logo"
          ><img src="~@/assets/images/logo.png" alt=""
        /></a>
        <div class="copyright">
          CopyRight © 2019 深圳百秀信息技术股份有限公司<br />All Rights Reserved
        </div>
      </div>

      <div class="login_form_con">
        <div class="login_title"></div>
        <form class="login_form">
          <i class="iconfont icon-user"></i>
          <i class="iconfont icon-key"></i>
          <input
            type="text"
            v-model="username"
            class="input_txt"
            placeholder="邮箱/手机号"
          />
          <input
            type="password"
            v-model="password"
            class="input_pass"
            placeholder="密码"
          />
          <input
            type="submit"
            @click.prevent="login"
            class="input_sub"
            value="登 录"
          />
        </form>
      </div>
    </div>
  </div>
</template>

<script>
import { userLogin } from './user.js'
import { saveToken } from '@/utils/token.js'
export default {
  name: 'login',
  data () {
    return {
      username: 'admin',
      password: '123456'
    }
  },
  methods: {
    async login () {
      let res = await userLogin({
        username: this.username,
        password: this.password
      })

      if (res.data.code === 200) {
        saveToken(res.data.token)
        this.$alert('登陆成功', '温馨提示', {
          confirmButtonText: '确定',
          callback: action => {
            this.$router.push('/index')
            // console.log(res);
          }
        })
      }else {
        this.$alert(res.data.msg)
      }
    }
  }
}
</script>

<style></style>
